<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <script>
        // es6允许在大括号里面直接写入变量和函数，作为随想的属性和方法
        var name = "dca";
        var user = {
            //属性名和属性值是同样的变量名称，就可以省略
            name,
            age:23,
            //方法也可以简写
            // getName:function(){
            //     console.log(this.name);
            // }

            getName(){
                console.log(this.name);
            }
        }
        user.getName();
        console.log(user.name);
        //更方便使用于函数返回值的时候
        function getPoint(){
            var x = 12.32;
            var y = 23.34;
            return{
                x,y
            }
        }
        console.log(getPoint().x,getPoint().y);
        
        //es6允许字面量在定义对象的时候，用表达式作为对象的属性名，即把表达式放在方括号内
        var ib = "bilibili";
        var user = {
            [ib]:"web,java",
            age:12
        }
        console.log(user);

        //对象的扩展运算符
        var z = {a:10,b:20};
        var n = {...z}
        console.log(n);

    </script>
</body>
</html>